<template>
 <div class="gradient text-center  text-weight-bolder">
   <slot></slot>
 </div>
</template>

<script>
export default {
  name: 'gradientText',
};
</script>
<style lang="scss" scoped>
.gradient{
  font-size: 30px;
  background: linear-gradient(to right, #5ab7f3, #366cb0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
</style>
